AI Image & Video
Generation Studio

An internal creative tool I built for Serenity Mental Health Centers, letting the team generate professional, branded visuals and video clips entirely through AI.

scroll to explore ↓
What It Does

Two AI Engines.
One Clean Interface.

The tool gives Serenity's marketing and communications team the ability to create ad-quality visuals and videos on demand. No photography budget, no design agency, no stock photos.

🖼️
AI Image Generation
Users describe a scene in plain English. The app sends it to the AI model with an automatic professional photography brief appended. Resulting in commercial-grade images every time. Supports 7 aspect ratios for any platform or format.
🎬
AI Video Generation
Any generated image can be selected and animated into a 5–15 second cinematic video clip. Users describe the motion, zoom, subject movement, lighting shift, and the AI renders a polished MP4 in minutes.
Interactive Demo

Walk Through the App

Click through each step to see exactly how the tool works. From writing a prompt to downloading your video.

1
Write Your Prompt
Describe the image in plain English
2
AI is Generating
Watch the loading state in action
3
Image is Ready
View and download your result
4
Animate to Video
Select image, add motion prompt
5
Video is Ready
Play and export your clip
Image & Video Generation
Your Prompt
Auto-style ✦ Built to Serenity brand guidelines. Every image is automatically styled for on-brand results every time: 85mm lens, high-key lighting, soft highlights, airy tones, commercial photography quality.
Prompt Engineering
I engineered a system prompt baked into the app so every image automatically follows Serenity's brand guidelines. Anyone at the company can type a simple description and get on-brand, commercial-quality results every time, no design experience needed.
Aspect Ratio
1:1 4:3 3:4 16:9 9:16 3:2 5:4
✦ Generate Image
Generating Your Image
Inhale…
Creating your image
The app polls the AI model every few seconds and updates the status in real time. The breathing animation plays while you wait. Typically around 60 seconds.
Generated Image
Generated Image
"A woman stands in a warm, sunlit kitchen sipping from a ceramic mug, wearing a soft pale-yellow T-shirt and jeans, natural morning light pouring through a large window, wooden cabinets, potted plants, looking thoughtfully off to the side…"
⬇ Save as PNG
The image renders at full quality. Users can save it directly as a PNG, then optionally select it below to generate a video clip from it.
Video Generation
Select a generated image to animate into a cinematic video clip
Select an Image
Image 1
Image 2
Image 3
✓ Image selected. Describe the motion below.
Video Prompt
Duration
5s 10s 15s
✦ Generate Video
Your Video is Ready
The AI animates the image based on the motion description and renders a polished video clip. The final clip downloads as a clean MP4.
How I Built It

The Tech Behind the Tool

A full-stack web application with a React frontend and a Python/FastAPI backend.

At a Glance

What Makes This Tool Different

~60s
Average Image Generation Time
Real-time async polling means users see live progress. No page refresh needed. The breathing animation plays while the AI works, keeping the experience calm and on-brand.
7
Aspect Ratios in One Tool
From 9:16 vertical for Instagram Stories to 16:9 wide for website banners. Every format is supported with a single click, and the AI adapts its composition automatically.
0
Design Skills Required
Any team member can use it. Write a sentence, pick a ratio, click generate. The auto-style system handles all the visual polish so every result looks like a professional photo shoot.
2-in-1
Image + Video in One Session
The workflow is seamless. Generate an image, then immediately select it to create a video, all without leaving the page or switching tools. The aspect ratio carries over automatically.